<template>
  <router-view></router-view>
</template>

<script>

  import { onMounted } from "vue";

  export default {
    name: 'App',
    mounted() {
      this.$router.push('/login');
    },
    setup() {

      // onMounted(() => {
      //   document.body.style.setProperty('--el-color-primary', '#56AB2F');
      //   document.body.style.setProperty('--el-color-primary-light-9', '#F5FBF0');
      //   document.body.style.setProperty('--el-color-primary-light-3', '#95d475');

      // });

      return {

      }
    }
  }
</script>

<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    border: 0;
  }

  html,
  body {
    width: 100%;
    height: 100%;
  }

  /* :root {
    --el-color-primary: green;
    --el-tag-bg-color: red;
  } */

  #app {
    height: 100%;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    color: #2c3e50;
  }

  /* 复选框改变颜色 */
  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border-color: #51B37F !important;
    background-color: #51B37F !important;
  }

  .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #51B37F !important;
  }

  .el-checkbox__inner:hover {
    border-color: #51B37F !important;
  }

  .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #51B37F !important;
  }


  /*带背景的分页按钮背景色begin*/
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #51B37F;
    color: #FFF;
  }

  .el-pagination.is-background .el-pager li.active {
    color: #fff;
    cursor: default;
  }

  .el-pagination.is-background .el-pager li:hover {
    color: #51B37F;
  }

  .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #51B37F;
  }

  .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    background-color: #51B37F;
    color: #FFF;
  }

  /*带背景的分页按钮背景色end*/


  /*不带背景的分页按钮背景色begin*/
  .el-pager li.active {
    color: #51B37F;
    cursor: default;
  }

  .el-pagination .el-pager li:hover {
    color: #51B37F;
  }

  .el-pagination .el-pager li:not(.disabled):hover {
    color: #51B37F;
  }

  /*不带背景的分页按钮背景色end*/
  :deep(.el-pagination.is-background .el-pager li:not(.is-disabled).is-active) {
    background-color: #51B37F !important;
  }


  .bian {
    background: #51B37F;
    color: #fff;
  }

  .del {
    background: #FFA17A;
  }
</style>